<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>首页</title>
    <link rel="stylesheet" href="../css/index.css">
    <script src="../js/index.js" type="module"></script>
</head>

<body>
    <!-- 头部 -->
    <header>
        <nav class="navbar navbar-default">
            <div class="container">
                <ul class="list-unstyled list-inline navbar-left">
                    <li>
                        <span href="" class="glyphicon glyphicon-map-marker font-black" aria-hidden="true"></span>
                        <a href="" class="font-black">杭州</a>
                    </li>
                    <li>
                        <a href="" class="change-city font-black">切换城市</a>
                    </li>
                    <li>
                        <p><span>[</span>
                            <a href="">富阳</a>
                            <a href="">德清</a>
                            <a href="">临安</a>
                            <span>]</span>
                        </p>
                    </li>
                    <li>
                        <a href="./login.html" class="font-active user-id">立即登陆</a>
                    </li>
                    <li>
                        <a href="" class="loginout">注册</a>
                    </li>
                </ul>
                <ul class="list-unstyled list-inline navbar-right">
                    <li class="nav-normal">
                        <a href="./myset.html">我的美团</a>
                        <ul class="nav-sec list-unstyled nav-show">
                            <li><a href="./detail.html">我的订单</a></li>
                            <li><a href="#">我的收藏</a></li>
                            <li><a href="#">抵用券</a></li>
                            <li><a href="./myset.html">账户设置</a></li>
                        </ul>
                    </li>
                    <li><a href="">手机app</a></li>
                    <li class="nav-normal">
                        <a href="">商家中心</a>
                        <ul class="nav-sec list-unstyled nav-sec-md nav-show">
                            <li><a href="">美团餐饮商户中心</a></li>
                            <li><a href="#">登陆商家中心</a></li>
                            <li><a href="#">美团智能收银</a></li>
                            <li><a href="#">我想合作</a></li>
                            <li><a href="#">手机免费开店</a></li>
                            <li><a href="#">到店综合业务招募</a></li>
                            <li><a href="#">餐饮合作商招募</a></li>
                            <li><a href="#">商家申请开票</a></li>
                            <li><a href="#">免费合作美团排队</a></li>
                        </ul>
                    </li>
                    <li class="nav-normal">
                        <a href="">美团规则</a>
                        <ul class="nav-sec list-unstyled nav-show">
                            <li><a href="#">美团规则</a></li>
                            <li><a href="#">规则中心</a></li>
                            <li><a href="#">规则目录</a></li>
                            <li><a href="#">规则评议</a></li>
                        </ul>
                    </li>
                    <li class="nav-normal">
                        <a href="">网站导航</a>
                        <ul class="nav-sec list-unstyled nav-sec-lg nav-show">
                            <div class="container-fluid">
                                <div class="rows card-detail">
                                    <div class="col-md-4">
                                        <h5>酒店旅游</h5>
                                        <ul class="list-inline list-unstyled">
                                            <li><a href="">国际机票</a></li>
                                            <li><a href="">火车票</a></li>
                                            <li><a href="">民宿</a></li>
                                            <li><a href="">经济型酒店</a></li>
                                            <li><a href="">主题酒店</a></li>
                                            <li><a href="">商务酒店</a></li>
                                            <li><a href="">公寓</a></li>
                                            <li><a href="">豪华酒店</a></li>
                                            <li><a href="">客栈</a></li>
                                            <li><a href="">青年旅社</a></li>
                                            <li><a href="">度假酒店</a></li>
                                            <li><a href="">别墅</a></li>
                                        </ul>
                                    </div>
                                    <div class="col-md-2 meishi">
                                        <h5>吃美食</h5>
                                        <ul class="list-inline list-unstyled">
                                            <li><a href="">烤鱼</a></li>
                                            <li><a href="">特色小吃</a></li>
                                            <li><a href="">烧烤</a></li>
                                            <li><a href="">自助餐</a></li>
                                            <li><a href="">火锅</a></li>
                                            <li><a href="">代金券</a></li>
                                        </ul>
                                    </div>
                                    <div class="col-md-2 dianying">
                                        <h5>看电影</h5>
                                        <ul class="list-unstyled">
                                            <li><a href="">热映电影</a></li>
                                            <li><a href="">热门电影</a></li>
                                            <li><a href="">热门电影口碑榜</a></li>
                                            <li><a href="">最受期待电影</a></li>
                                            <li><a href="">国内票房榜</a></li>
                                            <li><a href="">北美票房榜</a></li>
                                            <li><a href="">电影排行榜</a></li>
                                        </ul>
                                    </div>
                                    <div class="col-md-4">
                                        <h5>手机应用</h5>
                                        <ul class="list-unstyled app list-inline">
                                            <li>
                                                <a href=""><img src="../img/app/meituan.png" alt=""></a>
                                            </li>
                                            <li>
                                                <a href=""><img src="../img/app/waimai.png" alt=""></a>
                                            </li>
                                            <li>
                                                <a href=""><img src="../img/app/162c3308d9622f6d9cfaa49e60be4dca8573.png" alt=""></a>
                                            </li>
                                            <li>
                                                <a href=""><img src="../img/app/maoyan.png" alt=""></a>
                                            </li>
                                            <li>
                                                <a href=""><img src="../img/app/dianping.png" alt=""></a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </ul>
                    </li>
                </ul>
            </div>
        </nav>
    </header>
    <div class="header-line">
        <div class="container">
            <div class="rows">
                <div class="col-lg-3 col-md-3 col-sm-3 logo">
                    <a href="./index.html">
                        <img src="../img/logo.png" alt="">
                    </a>
                </div>
                <div class="col-lg-6 col-md-6 col-sm-6 input-group">
                    <input type="text" placeholder="搜索商家或地点" name="" id="" class="form-control input-lg">
                    <span class="input-group-btn">
                        <button class="btn btn-warning btn-lg" type="button">
                            <span class="glyphicon glyphicon-search"></span>
                    </button>
                    </span>
                </div>
            </div>
            <div class="rows mt60">
                <div class="col-lg-7 col-md-9 col-md-offset-3 col-lg-offset-3">
                    <ul class="list-unstyled list-inline">
                        <li>美团外卖</li>
                        <li>猫眼电影</li>
                        <li>美团酒店</li>
                        <li>民宿/公寓</li>
                        <li>商家入驻</li>
                        <li>美团公益</li>
                    </ul>
                </div>
            </div>

        </div>
    </div>
    <!-- 美团banner -->
    <div class="tab1">
        <div class="container">
            <div class="rows">
                <div class="col-md-2 card-up ">
                    <div class=" nav-font ">全部分类</div>
                    <!-- 侧边nav -->
                    <div class="tabs" id="tabs">
                        <ul class="list-unstyled ">
                            <li>
                                <span class="glyphicon glyphicon-heart"></span>
                                <a href=" ">美食</a>
                                <span class="glyphicon glyphicon-menu-right pull-right"></span>
                            </li>
                            <li>
                                <span class="glyphicon glyphicon-tree-conifer"></span>
                                <a href=" ">外卖</a>
                                <span class="glyphicon glyphicon-menu-right pull-right"></span>
                            </li>
                            <li>
                                <span class="glyphicon glyphicon-tree-deciduous"></span>
                                <a href=" ">酒店</a>
                                <span class="glyphicon glyphicon-menu-right pull-right"></span>
                            </li>
                            <li>
                                <span class="glyphicon glyphicon-cd"></span>
                                <a href=" ">民宿</a>
                                <span class="glyphicon glyphicon-menu-right pull-right"></span>
                            </li>
                            <li>
                                <span class="glyphicon glyphicon-save-file"></span>
                                <a href=" ">猫眼电影</a>
                                <span class="glyphicon glyphicon-menu-right pull-right"></span>
                            </li>
                            <li>
                                <span class="glyphicon glyphicon-queen"></span>
                                <a href=" ">机票 / 火车票</a>
                                <span class="glyphicon glyphicon-menu-right pull-right"></span>
                            </li>
                            <li>
                                <span class="glyphicon glyphicon-pawn"></span>
                                <a href=" ">休闲娱乐 / KTV</a>
                                <span class="glyphicon glyphicon-menu-right pull-right"></span>
                            </li>
                            <li>
                                <span class="glyphicon glyphicon-knight"></span>
                                <a href=" ">生活服务</a>
                                <span class="glyphicon glyphicon-menu-right pull-right"></span>
                            </li>
                            <li>
                                <span class="glyphicon glyphicon-baby-formula"></span>
                                <a href=" ">丽人 / 美发</a>
                                <span class="glyphicon glyphicon-menu-right pull-right"></span>
                            </li>
                            <li>
                                <span class="glyphicon glyphicon-hourglass"></span>
                                <a href=" ">结婚 / 婚纱摄影</a>
                                <span class="glyphicon glyphicon-menu-right pull-right"></span>
                            </li>
                            <li>
                                <span class="glyphicon glyphicon-lamp"></span>
                                <a href=" ">亲自 / 儿童乐园</a>
                                <span class="glyphicon glyphicon-menu-right pull-right"></span>
                            </li>
                            <li>
                                <span class="glyphicon glyphicon-piggy-bank"></span>
                                <a href=" ">运动健身 / 健身中心</a>
                                <span class="glyphicon glyphicon-menu-right pull-right"></span>
                            </li>
                            <li>
                                <span class="glyphicon glyphicon-scale"></span>
                                <a href=" ">家装 / 建材</a>
                                <span class="glyphicon glyphicon-menu-right pull-right"></span>
                            </li>
                            <li>
                                <span class="glyphicon glyphicon-blackboard"></span>
                                <a href=" ">学习培训 / 音乐培训</a>
                                <span class="glyphicon glyphicon-menu-right pull-right"></span>
                            </li>
                            <li>
                                <span class="glyphicon glyphicon-phone-alt"></span>
                                <a href=" ">医疗健康 / 宠物</a>
                                <span class="glyphicon glyphicon-menu-right pull-right"></span>
                            </li>
                            <li>
                                <span class="glyphicon glyphicon-send"></span>
                                <a href=" ">酒吧 / 密室逃脱</a>
                                <span class="glyphicon glyphicon-menu-right pull-right"></span>
                            </li>


                        </ul>
                        <!-- nav选项卡 类名hid-->
                        <div class="card-content">
                            <div class="container-fluid">
                                <div class="rows clearfix title1">
                                    <div class="pull-left">美食</div>
                                    <div class="pull-right">更多</div>
                                </div>
                                <ul class="list-inline">
                                    <li><a href="">代金券</a></li>
                                    <li><a href="">甜点饮品</a></li>
                                    <li><a href="">火锅</a></li>
                                    <li><a href="">自助餐</a></li>
                                    <li><a href="">小吃快餐</a></li>
                                    <li><a href="">日韩料理</a></li>
                                    <li><a href="">西餐</a></li>
                                    <li><a href="">聚餐宴请</a></li>
                                    <li><a href="">烧烤烤肉</a></li>
                                    <li><a href="">东北菜</a></li>
                                    <li><a href="">川湘菜</a></li>
                                    <li><a href="">江浙菜</a></li>
                                    <li><a href="">香锅烤鱼</a></li>
                                    <li><a href="">粤港菜</a></li>
                                    <li><a href="">西北菜</a></li>
                                    <li><a href="">咖啡酒吧茶馆</a></li>
                                    <li><a href="">云贵菜</a></li>
                                    <li><a href="">东南亚菜</a></li>
                                    <li><a href="">海鲜</a></li>
                                    <li><a href="">素食</a></li>
                                    <li><a href="">台湾/客家菜</a></li>
                                    <li><a href="">创意菜</a></li>
                                    <li><a href="">汤/粥/炖菜</a></li>

                                </ul>
                            </div>
                        </div>
                        <div class="card-content">
                            <div class="container-fluid">
                                <div class="rows clearfix title1">
                                    <div class="pull-left">外卖</div>
                                    <div class="pull-right">更多</div>
                                </div>
                                <ul class="list-inline">
                                    <li><a href="">美团外卖</a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="card-content">
                            <div class="container-fluid">
                                <div class="rows clearfix title1">
                                    <div class="pull-left">酒店</div>
                                    <div class="pull-right">更多</div>
                                </div>
                                <ul class="list-inline">
                                    <li><a href="">经济型</a></li>
                                    <li><a href="">舒适/三星</a></li>
                                    <li><a href="">高档/四星</a></li>
                                    <li><a href="">豪华/五星</a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="card-content">
                            <div class="container-fluid">
                                <div class="rows clearfix title1">
                                    <div class="pull-left">民宿</div>
                                    <div class="pull-right">更多</div>
                                </div>
                                <ul class="list-inline">
                                    <li><a href="">上海</a></li>
                                    <li><a href="">成都</a></li>
                                    <li><a href="">北京</a></li>
                                    <li><a href="">重庆</a></li>
                                    <li><a href="">南京</a></li>
                                    <li><a href="">杭州</a></li>
                                    <li><a href="">广州</a></li>
                                    <li><a href="">西安</a></li>
                                    <li><a href="">武汉</a></li>
                                    <li><a href="">厦门</a></li>
                                    <li><a href="">长沙</a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="card-content">
                            <div class="container-fluid">
                                <div class="rows clearfix title1">
                                    <div class="pull-left">猫眼电影</div>
                                    <div class="pull-right">更多</div>
                                </div>
                                <ul class="list-inline">
                                    <li><a href="">你好，李焕英</a></li>
                                    <li><a href="">哥斯拉大战金刚</a></li>
                                    <li><a href="">阿凡达</a></li>
                                    <li><a href="">人潮汹涌</a></li>
                                    <li><a href="">21座桥</a></li>
                                    <li><a href="">波斯语课</a></li>
                                    <li><a href="">刺杀小说家</a></li>
                                    <li><a href="">寻龙传说</a></li>
                                    <li><a href="">唐人街探案3</a></li>
                                    <li><a href="">我的姐姐</a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="card-content">
                            <div class="container-fluid">
                                <div class="rows clearfix title1">
                                    <div class="pull-left">机票</div>
                                    <div class="pull-right">更多</div>
                                </div>
                                <ul class="list-inline">
                                    <li><a href="">国内机票</a></li>
                                    <li><a href="">国际/港澳台机票</a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="card-content">
                            <div class="container-fluid">
                                <div class="rows clearfix title1">
                                    <div class="pull-left">KTV</div>
                                    <div class="pull-right">更多</div>
                                </div>
                                <ul class="list-inline">
                                    <li><a href="">KTV</a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="card-content">
                            <div class="container-fluid">
                                <div class="rows clearfix title1">
                                    <div class="pull-left">生活服务</div>
                                    <div class="pull-right">更多</div>
                                </div>
                                <ul class="list-inline">
                                    <li><a href="">衣物/皮具洗护</a></li>
                                    <li><a href="">家政</a></li>
                                    <li><a href="">搬家运输</a></li>
                                    <li><a href="">送水</a></li>
                                    <li><a href="">充值缴费</a></li>
                                    <li><a href="">服饰/鞋包养护</a></li>
                                    <li><a href="">开锁换锁</a></li>
                                    <li><a href="">居家维修</a></li>
                                    <li><a href="">管道疏通</a></li>
                                    <li><a href="">家电维修清洗</a></li>
                                    <li><a href="">电脑维修</a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="card-content">
                            <div class="container-fluid">
                                <div class="rows clearfix title1">
                                    <div class="pull-left">丽人</div>
                                    <div class="pull-right">更多</div>
                                </div>
                                <ul class="list-inline">
                                    <li><a href="">美发</a></li>
                                    <li><a href="">美甲美睫</a></li>
                                    <li><a href="">美容美体</a></li>
                                    <li><a href="">医学美容</a></li>
                                    <li><a href="">瑜伽舞蹈</a></li>
                                    <li><a href="">瘦身纤体</a></li>
                                    <li><a href="">韩式定妆</a></li>
                                    <li><a href="">祛痘</a></li>
                                    <li><a href="">纹身</a></li>
                                    <li><a href="">化妆品</a></li>
                                    <li><a href="">养发</a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="card-content">
                            <div class="container-fluid">
                                <div class="rows clearfix title1">
                                    <div class="pull-left">结婚</div>
                                    <div class="pull-right">更多</div>
                                </div>
                                <ul class="list-inline">
                                    <li><a href="">婚纱摄影</a></li>
                                    <li><a href="">旅拍</a></li>
                                    <li><a href="">个性写真</a></li>
                                    <li><a href="">婚宴</a></li>
                                    <li><a href="">婚庆公司</a></li>
                                    <li><a href="">婚纱礼服</a></li>
                                    <li><a href="">西服定制</a></li>
                                    <li><a href="">婚戒首饰</a></li>
                                    <li><a href="">婚车租赁</a></li>
                                    <li><a href="">司仪主持</a></li>
                                    <li><a href="">彩妆造型</a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="card-content">
                            <div class="container-fluid">
                                <div class="rows clearfix title1">
                                    <div class="pull-left">儿童乐园</div>
                                    <div class="pull-right">更多</div>
                                </div>
                                <ul class="list-inline">
                                    <li><a href="">婴儿游泳</a></li>
                                    <li><a href="">其它亲子游乐</a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="card-content">
                            <div class="container-fluid">
                                <div class="rows clearfix title1">
                                    <div class="pull-left">运动</div>
                                    <div class="pull-right">更多</div>
                                </div>
                                <ul class="list-inline">
                                    <li><a href="">健身中心</a></li>
                                    <li><a href="">武术场馆</a></li>
                                    <li><a href="">游泳馆</a></li>
                                    <li><a href="">羽毛球馆</a></li>
                                    <li><a href="">溜冰场</a></li>
                                    <li><a href="">射箭馆</a></li>
                                    <li><a href="">篮球场</a></li>
                                    <li><a href="">网球馆</a></li>
                                    <li><a href="">台球馆</a></li>
                                    <li><a href="">乒乓球</a></li>
                                    <li><a href="">足球场</a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="card-content">
                            <div class="container-fluid">
                                <div class="rows clearfix title1">
                                    <div class="pull-left">家具</div>
                                    <div class="pull-right">更多</div>
                                </div>
                                <ul class="list-inline">
                                    <li><a href="">家具</a></li>
                                    <li><a href="">床上用品/家纺</a></li>
                                    <li><a href="">家居饰品</a></li>
                                    <li><a href="">厨具餐具</a></li>
                                    <li><a href="">智能家居</a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="card-content">
                            <div class="container-fluid">
                                <div class="rows clearfix title1">
                                    <div class="pull-left">学习</div>
                                    <div class="pull-right">更多</div>
                                </div>
                                <ul class="list-inline">
                                    <li><a href="">绘画</a></li>
                                    <li><a href="">书法</a></li>
                                    <li><a href="">其他美术</a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="card-content">
                            <div class="container-fluid">
                                <div class="rows clearfix title1">
                                    <div class="pull-left">医疗中心</div>
                                    <div class="pull-right">更多</div>
                                </div>
                                <ul class="list-inline">
                                    <li><a href="">医院</a></li>
                                    <li><a href="">齿科口腔</a></li>
                                    <li><a href="">体检中心</a></li>
                                    <li><a href="">药店</a></li>
                                    <li><a href="">中医</a></li>
                                    <li><a href="">其他健康服务</a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="card-content">
                            <div class="container-fluid">
                                <div class="rows clearfix title1">
                                    <div class="pull-left">玩乐</div>
                                    <div class="pull-right">更多</div>
                                </div>
                                <ul class="list-inline">
                                    <li><a href="">KTV</a></li>
                                    <li><a href="">酒吧</a></li>
                                    <li><a href="">密室逃脱</a></li>
                                    <li><a href="">游乐游艺</a></li>
                                    <li><a href="">网吧网咖</a></li>
                                    <li><a href="">私人影院</a></li>
                                    <li><a href="">DIY手工坊</a></li>
                                    <li><a href="">桌面游戏</a></li>
                                    <li><a href="">采摘/农家乐</a></li>
                                    <li><a href="">棋牌室</a></li>
                                    <li><a href="">轰趴馆</a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="card-content">
                            <div class="container-fluid">
                                <div class="rows clearfix title1">
                                    <div class="pull-left">美食</div>
                                    <div class="pull-right">更多</div>
                                </div>
                                <ul class="list-inline">
                                    <li><a href="">代金券</a></li>
                                    <li><a href="">代金券</a></li>
                                    <li><a href="">代金券</a></li>
                                    <li><a href="">代金券</a></li>
                                    <li><a href="">代金券</a></li>
                                    <li><a href="">代金券</a></li>
                                    <li><a href="">代金券</a></li>
                                    <li><a href="">代金券</a></li>
                                    <li><a href="">代金券</a></li>
                                    <li><a href="">代金券</a></li>
                                    <li><a href="">代金券</a></li>
                                </ul>
                            </div>
                        </div>


                    </div>

                </div>
                <div class="col-md-8 pic clearfix">
                    <div class="container-fluid clearfix"></div>
                    <div class="pull-left">
                        <div class="swiper swiper-container swiper1">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide" style="background-image: url(../img/swiper1.jpg);">
                                </div>
                                <div class="swiper-slide" style="background-image: url(../img/swiper2.jpg);">
                                </div>
                                <div class="swiper-slide" style="background-image: url(../img/swiper3.jpg);">
                                </div>
                                <div class="swiper-slide" style="background-image: url(../img/swiper4.jpg);">
                                </div>
                                <div class="swiper-slide" style="background-image: url(../img/swiper5.png);">
                                </div>
                            </div>
                            <div id="swiper-pagination1" class="swiper-pagination swiper-pagination-white"></div>
                            <div class="swiper-button-next swiper-button-white"></div>
                            <div class="swiper-button-prev swiper-button-white"></div>
                        </div>
                        <img src="../img/banner-b1.png" alt="">
                        <img src="../img/banner-b2.jpg" alt="">
                    </div>
                    <div class="pull-right">
                        <img src="../img/banner-r1.jpg" alt="">
                        <img src="../img/banner-r2.jpg" alt="">
                    </div>
                </div>
                <div class="col-md-2 user">
                    <div class="rows text-center logincard">
                        <img src="../img/user.jpg" alt="" class="img-circle">
                        <h4>Hi 你好！</h4>
                        <a href="#" class="btn btn-default center-block" id="toreg">注册</a>
                        <a href="#" class="btn btn-default center-block" id="tologin">立即登陆</a>
                    </div>
                    <div class="rows text-center">
                        <img src="../img/erweima.png" alt="">
                        <h4>美团APP手机版</h4>
                        <p class="sl"><span class="red">1元起 </span><span class="gary">吃喝玩乐</span></p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 产品 -->
    <div class="tab2">
        <!-- 猫眼电影 -->
        <div class="container">
            <ul class="title-line list-unstyled list-inline">
                <li class="bigfont">
                    <a href="">猫眼电影</a>
                </li>
                <!-- <li>
                    <a href="">正在热映</a>
                    <span class="glyphicon glyphicon-triangle-top"></span>
                </li>
                <li>
                    <a href="">即将上映</a>
                    <span class="glyphicon glyphicon-triangle-top"></span>
                </li>
                <li class="pull-right">
                    <a href="">
                        全部<i class="glyphicon glyphicon-menu-right"></i>
                    </a>
                </li> -->
            </ul>
            <!-- 电影轮播图 -->
            <div class="swiper swiper-container swiper2">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <img class="lazy" data-original="../img/mover/1.jpg@267w_371h_1e_1c" alt="">
                    </div>
                    <div class="swiper-slide">
                        <img class="lazy" data-original="../img/mover/2.jpg@267w_371h_1e_1c" alt="">
                    </div>
                    <div class="swiper-slide">
                        <img class="lazy" data-original="../img/mover/3.jpg" alt="">
                    </div>
                    <div class="swiper-slide">
                        <img class="lazy" data-original="../img/mover/4.jpg@267w_371h_1e_1c" alt="">
                    </div>
                    <div class="swiper-slide">
                        <img class="lazy" data-original="../img/mover/5.jpg@267w_371h_1e_1c" alt="">
                    </div>
                    <div class="swiper-slide">
                        <img src="../img/mover/6.jpg@267w_371h_1e_1c" alt="">
                    </div>
                    <div class="swiper-slide">
                        <img src="../img/mover/7.jpg@267w_371h_1e_1c" alt="">
                    </div>
                    <div class="swiper-slide">
                        <img src="../img/mover/8.jpg@267w_371h_1e_1c" alt="">
                    </div>
                    <div class="swiper-slide">
                        <img src="../img/mover/9.jpg@267w_371h_1e_1c" alt="">
                    </div>
                    <div class="swiper-slide">
                        <img src="../img/mover/10.jpg@267w_371h_1e_1c" alt="">
                    </div>

                </div>
                <!-- Add Pagination -->
                <!-- <div class="swiper-pagination swiper-pagination-white"></div> -->
                <div class="swiper-button-next swiper-button-white"></div>
                <div class="swiper-button-prev swiper-button-white"></div>
            </div>
        </div>
        <!-- 推荐民宿 -->
        <div class="container minsu-all">
            <!-- nav -->
            <ul class="title-line list-unstyled list-inline title-line2">
                <li class="bigfont">
                    <a href="">推荐民宿</a>
                </li>
                <!-- <li>
                    <a href="">上海</a>
                    <span class="glyphicon glyphicon-triangle-top"></span>
                </li>
                <li>
                    <a href="">南京</a>
                    <span class="glyphicon glyphicon-triangle-top"></span>
                </li>
                <li>
                    <a href="">苏州</a>
                    <span class="glyphicon glyphicon-triangle-top"></span>
                </li>
                <li>
                    <a href="">合肥</a>
                    <span class="glyphicon glyphicon-triangle-top"></span>
                </li>
                <li>
                    <a href="">南昌</a>
                    <span class="glyphicon glyphicon-triangle-top"></span>
                </li>
                <li>
                    <a href="">宁波</a>
                    <span class="glyphicon glyphicon-triangle-top"></span>
                </li>
                <li>
                    <a href="">福州</a>
                    <span class="glyphicon glyphicon-triangle-top"></span>
                </li>
                <li>
                    <a href="">无锡</a>
                    <span class="glyphicon glyphicon-triangle-top"></span>
                </li>
                <li>
                    <a href="">扬州</a>
                    <span class="glyphicon glyphicon-triangle-top"></span>
                </li>
                <li>
                    <a href="">嘉兴</a>
                    <span class="glyphicon glyphicon-triangle-top"></span>
                </li>
                <li class="pull-right">
                    <a href="">
                        全部<i class="glyphicon glyphicon-menu-right"></i>
                    </a>
                </li> -->
            </ul>
            <!-- card-body -->
            <div class="minsu container-fluid">
                <div class="rows" id="ajax1">
                    <div class="col-md-4">
                        <div class="thumbnail productx">
                            <img src="../img/card1.jpg" alt="...">
                            <div class="caption">
                                <p class="product-title">猫咪有点皮/超温馨超可爱/代买门票/免费接送迪士尼，含3早/地铁直达外滩东方明珠/朵云</p>
                                <p class="sub-title">整套1居室·可住4人 | 迪士尼度假区</p>
                                <p class="price">
                                    <span>￥</span>258
                                </p>

                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </div>
        <!-- 美食 -->
        <div class="container meishi">
            <!-- nav -->
            <ul class="title-line list-unstyled list-inline title-line3">
                <li class="bigfont">
                    <a href="">猜你喜欢</a>
                </li>
            </ul>
            <!-- card-body -->
            <div class="minsu container-fluid">
                <div class="rows" id="ajax2">
                    <div class="col-md-3">
                        <div class="thumbnail producta">
                            <img src="../img/card1.jpg" alt="...">
                            <div class="caption">
                                <p class="product-title">猫咪有点皮/超温馨超可爱/代买门票/免费接送迪士尼，含3早/地铁直达外滩东方明珠/朵云</p>
                                <p class="sub-title">整套1居室·可住4人 | 迪士尼度假区</p>
                                <p class="price">
                                    <span>￥</span>258
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </div>


    </div>
    <!-- 美团导航 -->
    <div class="tab3">
        <div class="container">
            <div class="rows">
                <div class="col-md-2">
                    <dl>
                        <dt>用户帮助</dt>
                        <dd><a href="">申请退款</a>
                        </dd>
                        <dd><a href="">常见问题</a></dd>
                        <dd><a href="">用户协议</a></dd>
                        <dd><a href="">隐私政策</a></dd>
                        <dd><a href="">反诈骗公告</a>
                        </dd>
                        <dd><a href="">消费者权益保障</a></dd>
                    </dl>
                    <dl>
                        <dt>美团服务</dt>
                        <dd><a href="">美团外卖</a></dd>
                        <dd><a href="">美团酒店</a></dd>
                        <dd><a href="">猫眼电影</a></dd>
                        <dd><a href="">美团配送</a></dd>
                        <dd><a href="">美团云</a></dd>
                        <dd><a href="">大众点评</a></dd>
                        <dd><a href="">美团民宿</a></dd>
                        <dd><a href="">无人配送</a></dd>
                    </dl>
                </div>
                <div class="col-md-2">
                    <dl>
                        <dt>商家合作</dt>
                        <dd><a rel="nofollow" href="">美食商家入驻(非外卖)</a></dd>
                        <dd><a href="">美团外卖开店申请</a></dd>
                        <dd><a href="">美团收银官网</a></dd>
                        <dd><a href="">美团配送合作申请</a></dd>
                        <dd><a href="">美团餐饮学院</a></dd>
                        <dd><a href="">酒店商家入驻</a></dd>
                        <dd><a href="">境内度假商家入驻</a></dd>
                        <dd><a href="">综合商家入驻</a></dd>
                        <dd><a href="h">美团民宿房东商家入驻</a>
                        </dd>
                        <dd><a href="">商家开票申请</a></dd>
                        <dd><a href="">美团智能收银机</a></dd>
                        <dd><a href="">美团餐饮开放平台</a></dd>
                        <dd><a href="">美团收单</a></dd>
                        <dd><a href="">免费使用美团排队</a></dd>
                        <dd><a href="">快驴进货商家合作</a></dd>
                        <dd><a href="">美团闪购商家入驻</a>
                        </dd>
                    </dl>
                </div>
                <div class="col-md-2">
                    <dl>
                        <dt>合作商招募</dt>
                        <dd><a href="">美团外卖合作商招募</a></dd>
                        <dd><a href="">到店餐饮合作商招募</a></dd>
                        <dd><a href="">到店综合业务合作商招募</a></dd>
                        <dd><a href="">美团联盟</a></dd>
                        <dd><a href="">美团收银招募线上分销商</a></dd>
                        <dd><a href="">美团5S服务商招募</a></dd>
                        <dd><a href="">美团收单合作商招募</a></dd>
                        <dd><a href="">美团充电宝合作商招募</a></dd>
                    </dl>
                    <dl>
                        <dt>美团规则</dt>
                        <dd><a href="">规则中心</a></dd>
                        <dd><a href="">规则目录</a>
                        </dd>
                        <dd><a href="">规则评议院</a>
                        </dd>
                    </dl>
                </div>
                <div class="col-md-2">
                    <dl>
                        <dt>关注美团</dt>
                        <dd><a href="">美团新浪微博</a></dd>
                    </dl>
                    <dl>
                        <dt>公司信息</dt>
                        <dd><a href="">关于我们</a></dd>
                        <dd><a href="">投资者关系</a>
                        </dd>
                        <dd><a href="">加入我们</a></dd>
                        <dd><a href="">商户诚信公约及管理办法</a></dd>
                        <dd><a href="">保险经纪资质</a></dd>
                    </dl>
                    <dl>
                        <dt>廉正举报</dt>
                        <dd><a href="">廉正举报平台</a></dd>
                    </dl>
                    <dl>
                        <dt>知识产权</dt>
                        <dd><a href="">知识产权维权平台</a></dd>
                    </dl>
                </div>
                <div class="col-md-4">

                    <dl>
                        <dt>消费者服务热线</dt>
                        <dd>外卖消费者：<a href="">10109777</a></dd>
                        <dd>猫眼消费者：<a href="">10105335</a></dd>
                        <dd>其他消费者：<a href="">10107888</a></dd>
                    </dl>
                    <dl>
                        <dt>商家服务热线</dt>
                        <dd>外卖&amp;餐饮商家：<a href="">10105557</a></dd>
                        <dd>休闲娱乐、丽人、ktv、教育、结婚、亲子、家装等商家：<a href="">10100107</a></dd>
                    </dl>
                    <dl>
                        <dt>投诉举报专区</dt>
                        <dd>违法和不良信息举报电话：<a href="">4006018900</a></dd>
                        <dd>举报邮箱：<a href="">tousujubao@meituan.com</a></dd>
                        <dd><a href="">网上有害信息举报</a></dd>
                    </dl>
                    <dl>
                        <dt><a href="">商家自助入驻美团入口</a></dt>
                    </dl>
                    <dl>
                        <dt><a href="">供应商注册入口</a></dt>
                    </dl>

                </div>
            </div>
        </div>
    </div>
    <!-- 尾部 -->
    <footer>
        <div class="container text-center">
            ©meituan.com 京ICP证070791号 京公网安备11010502025545号
        </div>
    </footer>
</body>

</html>